<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta content="webkit" name="renderer">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <title>黑名单列表</title>
    <link href="./layui/css/layui.css" rel="stylesheet">
</head>
<body>
<div style=" margin: 8px ;margin-right: 45px;text-align: center">
    <h2 style="text-align: center">黑名单列表</h2>
    <div style="padding: 16px;">
        <table class="layui-hide" id="black" lay-filter="black"></table>
    </div>
</div>
<script type="text/html" id="toolDemo">
  <div class="layui-clear-space">
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-xs" lay-event="more">
      更多
      <i class="layui-icon layui-icon-down"></i>
    </a>
  </div>
</script>
<script src="./layui/layui.js"></script>
<script>
    layui.use(function () {
        var table = layui.table;
        table.render({
            elem: '#black'
            , url: './black_qq'
            , page: true
            , cols: [[
                {field: 'qq', title: 'QQ号', width: 200, sort: true, fixed: 'left'}
                , {field: 'reason', title: '拉黑原因', width: 300}
                , {field: 'add_time', title: '拉黑时间', width: 200, sort: true}
                , {field: 'remarks', title: '备注', width: 200, sort: true}
                , {fixed: 'right', title:'操作', width: 134, minWidth: 125, templet: '#toolDemo'}
            ]]
        });
    })
</script>
</body>
</html>